import React, { Component } from 'react'
// 引入css文件,webpack加持
import './css/01-index.css'


export default class App extends Component {
  render() {
    var name = "休闲玩家Mick"
    // 大对象
    var obj = {
      background: "yellow",
      fontSize: "20px"
    }
    return (
      <div>
        {10 + 20}-{name}
        {10 > 20 ? 'aaa' : 'bbb'}

        <div style={obj}>我是样式</div>

        <div class='active'>引用样式</div>
        <div className='active'>这也是引用样式</div>

        <babel for="username">用户名:</babel>
        <input type='text' id='username' name='name'></input>
      </div>
    )
  }
}
